<style lang="scss" scoped>
.invitation {
  background: linear-gradient(to bottom, #ff3f30, #fce341 40%, #faba3f);
  .inviter {
    padding-top: 2.8rem;
    color: #fc8332;
  }
  .register {
    padding: 0.15rem 0.3rem;
    ul {
      border: 2px solid #fd8330;
      padding: 0 0.2rem;
      border-radius: 0.1rem;
      li {
        height: 0.5rem;
        padding-bottom: 0.1rem;
        &:last-child {
          padding: 0.25rem 0 0.2rem;
        }
        span {
          padding: 0.05rem 0.1rem;
          background: #bfbfbf;
          white-space: nowrap;
        }
        div {
          height: 0.45rem;
        }
      }
    }
  }
}
</style>

<template>
  <div class="invitation full">
    <div class="inviter text-c">张三邀请您注册智能屋兼职销售员</div>
    <div class="register">
      <ul class="bor-r bgfff">
        <li class="border-b flex-col flex-bottom">
          <i class="iconfont icon-shouji"></i>
          <input type="text" class="box1 margin-l10" placeholder="请输入账号">
        </li>
        <li class="border-b flex-col flex-bottom">
          <i class="iconfont icon-shouji"></i>
          <input type="text" class="box1 margin-l10" placeholder="请输入验证码">
          <span class="cfff bor-r font-12">发生验证码</span>
        </li>
        <li class="border-b flex-col flex-bottom">
          <i class="iconfont icon-shouji"></i>
          <input type="text" class="box1 margin-l10" placeholder="请输入密码">
        </li>
        <li>
          <div class="bgred cfff box-center bor-r">完成注册并关注公众号</div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: "invitation"
};
</script>

